/**
 * @developer：MR·Feng
 * 头部刘海样式文件
 */

 @px: 10px;

.headers {
    width: 100%;
    height: @px * 6;
    background-color: #ffffff;
    box-shadow: 0 0px 6px #ddd;
    z-index: 1;

    dl {
        display: flex;
        align-items: center;
        height: 100%;

        dt {
            width: @px * 20;
            height: 100%;
            margin: 0 auto;

            img {
                height: 100%;
                padding: 3% 2% 4% 10%;
            }
        }

        dd {
            flex: 1;
            margin: 0 @px * 2 0 0;
            text-align: right;

            span {
                padding: 0 @px * 1.5;
                border-right: 1px solid #adadad;
                text-align: center;
                cursor: pointer;

                &:last-of-type {
                    border-right: none;
                }
            }
        }
    }
}
